<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, 
    initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/commodity.css">
    <script src="js/flexible.js"></script>
</head>

<body>
    <header class="w">
        <div class="top">
            <div class="topr">
                <img src="imgaes/commodity/left arrow@3x.png" alt="">
            </div>
            <div class="topl">
                <img src="imgaes/commodity/shop@3x.png" alt="">
            </div>
        </div>
        <div class="commod">
            <p>1/5</p>
        </div>
    </header>
    <div class="bg">
        <div class="bg-txt w">
            <div class="bgl">
                <p><i>￥</i>1200.00</p>
                <span>原价<i>￥2534.00</i></span>
            </div>
            <div class="bgr">
                <p>距结束仅剩</p>
                <ul>
                    <li>1天</li>
                    <li>14</li>
                    <i>:</i>
                    <li>26</li>
                    <i>:</i>
                    <li>26</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="yh">
        <img src="imgaes/commodity/组 1316@3x.png" alt="">
        <p>领卷</p>
    </div>
    <div class="tt">
        <p>
            <span><img src="imgaes/commodity/jingxuan@3x.png" alt=""></span> 分期免息 Qianku/屏锅 qianku XR 128G 红色不动不通不信5G手机 双卡双待
        </p>
        <img src="imgaes/commodity/组 1315@3x.png" alt="" class=".img">
    </div>
    <div class="jx">
        <div class="jx-1">
            <p>已选</p>
            <div class="jx-2">
                <span>华为mate30  1件  官方标配</span>
                <img src="imgaes/commodity/Arrow right@3x(1).png" alt="">
            </div>
        </div>
        <div class="jx-3">
            <p>送至</p>
            <div class="jx-4">
                <div class="jx-t">
                    <p>河南省 郑州市 惠济区</p>
                    <p>现在付款，尽快为你发货</p>
                </div>
                <img src="imgaes/commodity/Arrow right@3x(1).png" alt="">
            </div>
        </div>
        <div class="jx-5">
            <p>运费</p>
            <div class="jx-6">
                <span>免运费</span>
                <img src="imgaes/commodity/Arrow right@3x(1).png" alt="">
            </div>
        </div>
        <div class="jx-7">
            <p>服务</p>
            <div class="jx-8">
                <span>7天无理由退货急速退</span>
                <img src="imgaes/commodity/Arrow right@3x(1).png" alt="">
            </div>
        </div>
    </div>
    <div class="conter">
        <div class="conter-w w">
            <p>规格</p>
            <ul>
                <li>
                    <p>华为</p>
                    <p>品牌</p>
                </li>
                <li>
                    <p>Meat30</p>
                    <p>型号</p>
                </li>
                <li>
                    <p>幻夜黑</p>
                    <p>颜色</p>
                </li>
                <li>
                    <p>内存6/8GB</p>
                    <p>内存</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="pl">
        <div class="pl-w w">
            <div class="plt">
                <p><i></i>评价66万+ | 好评率99%</p>
                <a href="#"> 查看全部 </a>
                <img src="imgaes/commodity/Arrow right@3x(1).png" alt="">
            </div>
            <div class="xq">
                <span>味道好（14076）</span>
                <span>价格实惠（11938）</span>
            </div>
            <div class="yht">
                <div class="yh-g">
                    <div class="yh-img">
                        <img src="imgaes/commodity/tx.png" alt="">
                        <span>1***n</span>
                        <img src="imgaes/commodity/members@3x.png" alt="" class="imgtr">
                    </div>
                    <div class="wx">
                        <img src="imgaes/commodity/stars-1@3x(1).png" alt="">
                        <img src="imgaes/commodity/stars-1@3x(1).png" alt="">
                        <img src="imgaes/commodity/stars-1@3x(1).png" alt="">
                        <img src="imgaes/commodity/stars-2@3x(1).png" alt="">
                        <img src="imgaes/commodity/stars-2@3x(1).png" alt="">
                    </div>
                </div>
                <div class="text">
                    发货神速，操作起来没有问题，操作起来很流畅完全没有问题。
                </div>
                <div class="gg">
                    <p>规格:</p>
                    <div class="gg-t">
                        <p>内存6/8GB</p>
                    </div>
                </div>
            </div>
            <div class="wd">
                <div class="wd1">
                    <p><i></i>问问已购用户</p>
                    <a href="#"> 查看全部 </a>
                    <img src="imgaes/commodity/Arrow right@3x(1).png" alt="">
                </div>
                <div class="wd2">
                    <span>
                        <img src="imgaes/commodity/wen@3x.png" alt="">
                        手机是正品吗?
                    </span>
                    <a href="#">23个回答</a>
                </div>
                <div class="wd2">
                    <span>
                        <img src="imgaes/commodity/wen@3x.png" alt="">
                        请问亲们购买时快递怎么样…
                    </span>
                    <a href="#">19个回答</a>
                </div>
            </div>
        </div>
    </div>
    <div class="foot w">
        <div class="wd1">
            <p><i></i>商品参数</p>
            <a href="#"> 查看参数 </a>
            <img src="imgaes/commodity/Arrow right@3x(1).png" alt="">
        </div>
        <div class="foot-t">
            <div class="foot-r">
                <span>品牌</span>
                <span>华为</span>
            </div>
            <div class="foot-r">
                <span>型号</span>
                <span>Meat30</span>
            </div>
            <div class="foot-r">
                <span>颜色</span>
                <span>幻夜黑</span>
            </div>
            <div class="foot-r">
                <span>内存</span>
                <span>内存6/8GB</span>
            </div>
        </div>
        <div class="wd1">
            <p><i></i>商品参数</p>
            <a href="#"> 查看参数 </a>
            <img src="imgaes/commodity/Arrow right@3x(1).png" alt="">
        </div>
        <div class="footer">
            <p>包装清单</p>
            <ul>
                <li>售后服务</li>
                <li>特别声明</li>
                <li>价格说明</li>
            </ul>
        </div>
        <div class="wd1">
            <p><i></i>图文详情</p>
            <!-- <a href="#"> 查看参数 </a>
            <img src="imgaes/commodity/Arrow right@3x(1).png" alt="">
        </div> -->
        </div>
        <div class="imgtre">
            <img src="imgaes/commodity/详情页@3x.png" alt="">
        </div>
        <footer>
            <ul>
                <li>
                    <span>
                        <img src="imgaes/commodity/like-1@2x.png" alt="">
                        <p>客服</p>
                    </span>
                    <span>
                        <img src="imgaes/commodity/_shop-2@2x.png" alt="">
                        <p>购物车</p>
                    </span>
                </li>
                <li>加入购物车</li>
                <li><a href="#">立即购买</a></li>
            </ul>
        </footer>
</body>

</html>